<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="contextPath" value="<%=getServletContext().getContextPath()%>" />
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>MCE|Review Summary duplex</title>
    <link rel="stylesheet" href="${contextPath}/resources/css/mce.css"></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/size.css" ></link>
    <link rel="stylesheet" href="${contextPath}/resources/css/jquery-ui.css" ></link>
    <link href='http://fonts.googleapis.com/css?family=Lato:400,300,700,400italic' rel='stylesheet' type='text/css' ></link>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery/jquery-1.10.1.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/jquery-ui/jquery-ui.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/validation/validation.js"></script>
    <script type="text/javascript" src="${contextPath}/resources/js/client/QuoteProcess.js"></script>

</head>
<body>
    <div id="ovl" class="ovl"></div>
    <div class="mceContainer">
        <!--HOME BANNER CONTAINER-->
        <div class="afterHeaderContainer">
            <!--NAVIGATION MENU-->
            <%@include file="../right-include/top-header.jsp" %>
            <!--/NAVIGATION MENU-->
        </div>
        <!--/HOME BANNER CONTAINER-->
        <!--MAIN CONTAINER-->
        <div class="mainContainer" style="width: 1100px;">
            <table class="wrapContainer">
                <tr>
                    <td class="left" style="width: 20%;">
                        <!--LEFT CONTAINER-->
                        <div class="wrapDataContainer borderRight">
                            <p class="subject" style="width:200px;">New Quote</p>
                            <p>To create a new quote, please complete the steps below. Once submitted, we will provide a PDF quote. </p>
                            <br />
                            <h2 class="font17">Quote Process</h2>
                            <div class="quoteProcessContainer">
                                <div class="quote-process-item">
                                    <span class="passed">
                                        Job Info
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">
                                        System Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">
                                        Car A Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item">
                                    <span class="passed">
                                        Car B Configuration
                                    </span>
                                </div>
                                <div class="quote-process-item-active">
                                    <span>
                                        Receive Quote
                                    </span>
                                </div>
                            </div>
                        </div>
                        <!--/LEFT CONTAINER-->
                    </td>
                    <td>
                        <!--BODY CONTAINER-->
                        <div class="wrapDataContainer">
                            <div class="title">
                                RECEIVE QUOTE
                            </div>
                            <div class="wrap-item-container wd_500">
                               	<p class="mceTextOrange">
                                    JOB NAME: <span class="bold colorDefault">FPT Test Data</span>
                                </p>
                            </div>
                            <div class="wrap-item-container">
                                <p class="dashboad-description">
                                    Thank you! Your quote has been processed and an email has been sent to your inbox. The quote number is shown below. You can view your quote by clicking "DOWNLOAD QUOTE". Your quote is stored in the quotes section of your account and can be accessed anytime to make changes prior to submitting. 
                                </p>
                            </div>
                            <div class="wrap-item-container" style="margin: 0px;min-height: 23px">
                                <h2 style="color:#ff6a00; font-size: 13px; font-weight:bold;margin-bottom: 0px;">Quote Summary</h2>
                            </div>
                            <table class="orange">
                                <tr>
                                    <td>
                                        <div class="wrap-item-container wd_343">
                                            <div class="html-control-container">
                                                <div class="label-wrap bold">Quote Number</div>
                                                <div class="field-wrap">
                                                    20078856
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrap-item-container wd_343">
                                            <div class="html-control-container">
                                                <div class="label-wrap bold">Job Name</div>
                                                <div class="field-wrap">
                                                    FPT Test Data
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrap-item-container wd_343">
                                            <div class="html-control-container">
                                                <div class="label-wrap bold">Quote Amount</div>
                                                <div class="field-wrap">
                                                    $ 10592.88
                                                </div>
                                            </div>
                                        </div>
                                        <div class="wrap-item-container wd_343">
                                            <div class="html-control-container">
                                                <div class="label-wrap bold">Currency</div>
                                                <div class="field-wrap">
                                                    USD
                                                </div>
                                            </div>
                                        </div>                                        
                                    </td>
                                    
                                </tr>
                            </table>
                            <div class="wrap-item-container">
                                <div class="buttonContainer" style="margin-top: 10px;">
                                    <input type="button" onclick="javascript: window.location.href = '${contextPath}/create-order-duplex/product-configuration/system-duplex'" style="float:left;" class="mce back" value="START ORDER" />
                                    <input type="button" onclick="javascript: window.location.href = '${contextPath}/edit-quote-duplex/system-configuration'" style="float:left;" class="mce back" value="EDIT QUOTE" />
                                     <input type="button" onclick="javascript: window.open('${contextPath}/resources/files/PDFCreateQuote.pdf','_blank');" style="float:left;" class="mce back" value="DOWNLOAD QUOTE" />
                                </div>
                            </div>
                            <div class="wrap-item-container">
                                <div class="buttonContainer" style="margin-top: 10px; text-align:left;">
                                    <a class="mce-blue" href="${contextPath}/create-quote">Create Another Quote</a>
                                    <br/>
                                    <a class="mce-blue" href="${contextPath}/mce-account">Return to My Account</a>
                                    <br />
                                    <a class="mce-blue" href="${contextPath}/logout">Logout</a>
                                </div>
                            </div>
                        </div>
                        <!--/BODY CONTAINER-->
                    </td>
                    <td class="right" style="width: 20%;">
                         <%@include file="../right-include/right.jsp" %>
                    </td>
                </tr>
            </table>
        </div>
        <!--/MAIN CONTAINER-->
        <!--FOOTER CONTAINER-->
        <div class="footerContainer">
            <img src="${contextPath}/resources/images/Nidec.jpg" />
            <img src="${contextPath}/resources/images/MCE.jpg" />
            <div class="clearBoth" />
            <p class="copyRight">Copyright 2014 Motion Control Engineering. All Rights Reserved</p>
        </div>
        <!--/FOOTER CONTAINER-->
    </div>

</body>
</html>
